<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Ejercicio 5</title>
	<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
	<style type="text/css">
	form {
		display: block;
		margin: 0 auto;
		margin-top: 5%;
		max-width: 500px;
		width: 480px;
		min-width: 470px;
	}
	input {
		margin-right: 5px;
		margin-bottom: 5px;
		margin-top: 5px;
		
		height: 30px;
		padding: 5px;
	}
	div {
		display: table;
		margin: 0 auto;
	}

	</style>
	<script type="text/javascript">

	function create() {
		location.replace("create.php");
	}

	function read() {
		location.replace("read.php");
	}

	function update() {
		location.replace("update.php");
	}

	function del(numero) {
		if (numero == 0) {
			location.replace("delete.php");
		} else {
			var confirmation = confirm("¿Está seguro de querer borrar todos los empleados?");
			if (confirmation) {
				var url = location.host
				if (url == "localhost" || url == "127.0.0.1" || url == "192.168.1.127") {
					deleteAll();
				} else {
					alert("No tiene permiso para borrar a todos los empleados");
				}
			}
		}
	}

	function deleteAll() {
		var xmlhttp = new XMLHttpRequest();

		xmlhttp.open("POST", "control.php", true);
		xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		xmlhttp.send("js=delete all");

		xmlhttp.onreadystatechange = function() {
			if (xmlhttp.readyState==4 && xmlhttp.status==200) {
				var respuesta = xmlhttp.responseText;
				if (respuesta == "bien") {
					alert("Los empleados han sido borrados satisfactoriamente");
				} else {
					alert("No se han podido borrar los usuarios");
				}
			}
		}
	}

	</script>
</head>
<body>

	<form>
		<fieldset>
			<legend>Sistema CRUD Empleados</legend>
			<div>
				<input type="button" value="Añadir" onclick="create()">
				<input type="button" value="Ver empleados" onclick="read()">
				<input type="button" value="Actualizar" onclick="update()">
			</div>
			<div>
				<input type="button" value="Despedir empleado" onclick="del(0)">
				<input type="button" value="Despedir todos los empleados" onclick="del(1)">
			</div>
		</fieldset>
	</form>


</body>
</html>